<div class="main-section">
  <!-- Tabs -->
  <div class="jimu-r-row">
    <div class="jimu-r-row">
      <div class="label tabs-section-Label">
        ${nls.tabs_section_Label}
      </div>
      <hr />
    </div>
    <div data-dojo-attach-point="btnAddTab" class="btn-add-section enable">
      <span class="btn-add-icon"></span>
      <span class="btn-add-label">${nls.addTab}</span>
    </div>
    <div data-dojo-attach-point="tabTable" data-dojo-type="jimu/dijit/SimpleTable" data-dojo-props='fields:[{name:"layer",title:"${nls.layerName}","class":"label",type:"empty",width:"400px"},{name:"type",title:"${nls.layerType}","class":"label",type:"empty"},{name:"label",title:"${nls.layerLabel}","class":"label",type:"empty"},{name:"actions",title:"${nls.actions}","class":"actions",type:"actions",actions:["up","down","edit","delete"],width:"80px"}]'></div>
  </div>
  <!-- General Settings: Distances -->
  <div class="jimu-r-row">
    <div class="label general-setting-Label">
      ${nls.general_setting_Label}
    </div>
    <hr />
    <div class="jimu-r-row pad-row15">
      <div class="col-1-4">
        <span class="label">${nls.units_text_lbl}: </span>
        <select data-dojo-attach-point="selectUnits" class="selectUnits" data-dojo-type="dijit/form/Select">
          <option value="miles" selected="selected">${nls.miles}</option>
          <option value="kilometers">${nls.kilometers}</option>
          <option value="feet">${nls.feet}</option>
          <option value="meters">${nls.meters}</option>
          <option value="yards">${nls.yards}</option>
          <option value="nauticalMiles">${nls.nauticalMiles}</option>
        </select>
      </div>
      <div class="col-1-4 settingAlign">
        <input data-dojo-attach-point="chk_routing" title="${nls.routing_checkBox}" data-dojo-type="dijit/form/CheckBox" />
        <span class="label">${nls.routing_checkBox}</span>
      </div>
      <div class="col-2-4">
        <span class="label">${nls.maximum_distance_lbl}: </span>
        <input data-dojo-attach-point="txt_maximumDistance" class="maximum-distance-lbl" title="${nls.maximum_distance_lbl}" data-dojo-type="dijit/form/NumberTextBox" />
      </div>
    </div>
    <div class="jimu-r-row pad-row15">
      <div class="col-1-3">
        <span class="label">${nls.buffer_text_lbl}: </span>
      </div>
      <div class="col-1-3">
        <span class="label">${nls.buffer_min_lbl}: </span>
      </div>
      <div class="col-1-3">
        <span class="label">${nls.buffer_max_lbl}: </span>
      </div>
    </div>
    <div class="jimu-r-row pad-row0">
      <div class="col-1-3">
        <input data-dojo-attach-point="buffer_lbl" title="${nls.buffer_text_lbl}" data-dojo-type="dijit/form/TextBox" />
      </div>
      <div class="col-1-3">
        <input data-dojo-attach-point="buffer_min" title="${nls.buffer_min_lbl}" data-dojo-type="dijit/form/NumberTextBox" />
      </div>
      <div class="col-1-3">
        <input data-dojo-attach-point="buffer_max" title="${nls.buffer_max_lbl}" data-dojo-type="dijit/form/NumberTextBox" />
      </div>
    </div>
  </div>
  <br />
  <!-- Weather Settings -->
  <div class="jimu-r-row" data-dojo-attach-point="div_special_tab">
    <div class="label general-setting-Label">
      ${nls.weather_Label}
    </div>
    <hr />
    <div class="pad-row15">
      <input data-dojo-attach-point="chk_weather" title="${nls.weather_checkBox}" data-dojo-type="dijit/form/CheckBox" />
      <span class="label">${nls.weather_checkBox}</span>
      <div data-dojo-attach-point="btnSource" class='jimu-btn' data-dojo-attach-event="onclick:_onBtnSelectLayersClicked">
        ${nls.selectLayers}
      </div>
    </div>
    <div class="currentlySelectedLayer">
      <span class="label">${nls.currentlySelectedLayer}:</span>
      <span data-dojo-attach-point="currentlySelectedLayer" class="label"></span>
    </div>
  </div>
  <!-- Save Options-->
  <div data-dojo-attach-point="div_special_tab" class="jimu-r-row">
    <div>
      <div class="label general-setting-Label">
        ${nls.save_label}
      </div>
      <hr />
      <div class="pad-row15">
        <input data-dojo-attach-point="chk_save" title="${nls.save_checkbox}" data-dojo-type="dijit/form/CheckBox" />
        <span class="label">${nls.save_checkbox}</span>
        <select data-dojo-attach-point="selectSaveLayer" data-dojo-type="dijit/form/Select" disabled="disabled"></select>
      </div>
    </div>
    <div data-dojo-attach-point="tpd" class="tpd">
    </div>
  </div>
  <!-- CSV Options-->
  <div class="jimu-r-row" data-dojo-attach-point="div_CSV_tab">
    <div>
      <div class="label general-setting-Label">
        ${nls.csv_label}
      </div>
      <hr />
      <div class="pad-row15">
        <input data-dojo-attach-point="chk_csv" title="${nls.csv_checkbox}" data-dojo-type="dijit/form/CheckBox" />
        <span class="label">${nls.csv_checkbox}</span>
      </div>
    </div>
  </div>
  <!-- Display Options-->
  <div class="jimu-r-row" data-dojo-attach-point="div_special_tab">
    <div class="label general-setting-Label">
      ${nls.display_label}
    </div>
    <hr />
    <div class="chk_display">
      <input data-dojo-attach-point="chk_display" title="${nls.display_checkbox}" data-dojo-type="dijit/form/CheckBox" />
      <span class="label display-checkbox">${nls.display_checkbox}</span>
    </div>
  </div>
</div>
